<template>
	<view>
		<view class="update_wrap" v-for="(item,index) in list" :key="index">
			<view class="update  animated fadeInLeft" @tap="goToTopicDetail">
				<view class="up_pic"><image :src="item.titlepic" mode="widthFix"></image></view>
				<view class="up_r">
					<view class="title">{{item.title}}</view>
					<view class="text1">{{item.desc}}</view>
					<view class="text1">动态{{item.totalnum}} 今日{{item.todaynum}}</view>
				</view>
			</view>  
		</view>
	</view>
</template>

<script>
	export default {
		props:['list'],
		methods: {
            goToTopicDetail(){
				uni.navigateTo({
					url:'../../pages/topicDetail/topicDetail'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
.update_wrap {
	padding: 0 15rpx;
	.update_name {
		padding: 20rpx 0;
	}
	.update {
		display: flex;
		border-bottom: 2rpx solid #cccccc;
		padding-bottom: 25rpx;
		margin: 20rpx 0;
		.up_pic {
			flex: 2;
			image {
				width: 100%;
				border-radius: 15rpx;
			}
		}
		.up_r {
			flex: 5;
			padding-left: 25rpx;
			.text1 {
				color: #aaaaaa;
				padding-top: 20rpx;
				font-size: 28rpx;
			}
		}
	}
}
</style>
